<template>
<!--  组件结构-->
  <div class="school">
      <h2>{{msg}}</h2>
      <h3>学校：{{name}}</h3>
      <h3>地址：{{address}}</h3>
      <button @click="showschoolname()">点我展示学校名</button>
  </div>
</template>

<script>
//组件交互相关代码（数据、方法等）
   export default{
     name:'Student',
     props:['showname'],
      data(){
        return {
          msg:'这里是召唤师峡谷',
          name:'战争学院',
          address: '扭曲丛林'
          }
      },
     methods:{
       showschoolname(){
         this.showname(this.name)
       }
     }

  }

</script>

<style>
/*组件样式*/
  .school{
    background-color: rgb(19, 122, 88);
    padding: 5px;
  }
</style>